<%--
  Created by IntelliJ IDEA.
  User: 全谢民
  Date: 2023/9/29
  Time: 11:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath }"/>
<script src="../js/jquery-3.6.4.js" type="text/javascript" rel="script"></script>
<html>
<head>
    <title>智能购票首页</title>
    <link href="../css/user_page_css/home_page.css" rel="stylesheet" type="text/css">
</head>
<body>
<jsp:include page="header.jsp"></jsp:include>
<%--轮播图--%>
<div class="w1200" id="slides">
    <div class="slides_container tab-content">
        <div class="tab-pannel" style="position: absolute; z-index: 0; opacity: 1; display: block;">
            <a href="#">
                <img src="../images/user_page_images/tool/Rotation1.jpg">
            </a>
        </div>
    </div>
    <div class="prev" id="J_pre">
        <div class="arrow left"></div>
    </div>
    <div class="next" id="J_next">
        <div class="arrow"></div>
    </div>
    <div class="nav">
        <div class="dot current"></div>
    </div>
</div>
<%--范围--%>
<div class="category w1200">
    <a href="#" class="category__list">
        <span class="category__icon category__icon__ych"></span>
        <p class="category__info">演唱会</p>
    </a>
    <a href="#" class="category__list">
        <span class="category__icon category__icon__gjhj"></span>
        <p class="category__info">话剧歌剧</p>
    </a>
    <a href="#" class="category__list">
        <span class="category__icon category__icon__tyjj"></span>
        <p class="category__info">体育</p>
    </a>
    <a href="#" class="category__list">
        <span class="category__icon category__icon__qz"></span>
        <p class="category__info">儿童青子</p>
    </a>
    <a href="#" class="category__list">
        <span class="category__icon category__icon__zlxx"></span>
        <p class="category__info">展览休闲</p>
    </a>
    <a href="#" class="category__list">
        <span class="category__icon category__icon__yyh"></span>
        <p class="category__info">音乐会</p>
    </a>
    <a href="#" class="category__list">
        <span class="category__icon category__icon__xsxq"></span>
        <p class="category__info">曲苑杂坛</p>
    </a>
    <a href="#" class="category__list">
        <span class="category__icon category__icon__wdbl"></span>
        <p class="category__info">芭蕾舞蹈</p>
    </a>
    <a href="#" class="category__list">
        <span class="category__icon category__icon__dm"></span>
        <p class="category__info">二次元</p>
    </a>
    <a href="#" class="category__list">
        <span class="category__icon category__icon__lyzl"></span>
        <p class="category__info">旅游展览</p>
    </a>
</div>
<%--中间内容大范围--%>
<div class="dm-content-wrap">
    <div class="dm-content dm-content-1" style="display: block;">
        <%--        大标题--%>
        <div class="head">
            <span class="head-title">
                演唱会
            </span>
            <a href="#">
                <span class="head-more">查看全部</span>
            </a>
        </div>
        <c:set value="${sessionScope.moviePage}" var="moviePage" ></c:set>
        <c:choose>
            <c:when test="${empty moviePage}">
                <script>
                    window.location='../user/selMovieTop';
                </script>
            </c:when>
            <c:otherwise>
                <div class="box">
                        <%--下面内容--%>
                    <a class="box-left">
                            <%--左边内容--%>
                        <c:set var="flag" value="true" />
                        <c:forEach var="mp" items="${moviePage}" varStatus="i">
                            <c:if test="${flag}">
                                <img src="${mp.movie_picture}" class="box-left__bg">
                                <div class="box-left__info">
                                    <div class="title">${mp.movie_cn_name}</div>
                                    <div class="details">
                                        ¥${mp.price_start_range}<span>-</span>¥${mp.price_finish_range}
                                    </div>
                                </div>
                            </c:if>
                            <c:if test="${i>1}">
                                <c:set var="flag" value="false"/>
                            </c:if>
                        </c:forEach>
                    </a>
                    <div class="box-right">
                            <%--    右边内容1--%>
                        <a href="#" class="box-right__item">
                                <%--左边图片--%>
                            <div class="itemimg">
                                <img src="#">
                            </div>
                            <div class="iteminfo">
                                    <%--右边介绍--%>
                                <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                                <div class="venue">北京长阳音乐主题公园</div>
                                <div class="showtime">2023.10.02-10.06</div>
                                <div class="showtime"></div>
                                <div class="price">¥320<span>起</span></div>
                            </div>
                        </a>
                            <%--    右边内容2--%>
                        <a href="#" class="box-right__item">
                                <%--左边图片--%>
                            <div class="itemimg">
                                <img src="#">
                            </div>
                            <div class="iteminfo">
                                    <%--右边介绍--%>
                                <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                                <div class="venue">北京长阳音乐主题公园</div>
                                <div class="showtime">2023.10.02-10.06</div>
                                <div class="showtime"></div>
                                <div class="price">¥320<span>起</span></div>
                            </div>
                        </a>
                            <%--    右边内容3--%>
                        <a href="#" class="box-right__item">
                                <%--左边图片--%>
                            <div class="itemimg">
                                <img src="#">
                            </div>
                            <div class="iteminfo">
                                    <%--右边介绍--%>
                                <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                                <div class="venue">北京长阳音乐主题公园</div>
                                <div class="showtime">2023.10.02-10.06</div>
                                <div class="showtime"></div>
                                <div class="price">¥320<span>起</span></div>
                            </div>
                        </a>
                            <%--    右边内容4--%>
                        <a href="#" class="box-right__item">
                                <%--左边图片--%>
                            <div class="itemimg">
                                <img src="#">
                            </div>
                            <div class="iteminfo">
                                    <%--右边介绍--%>
                                <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                                <div class="venue">北京长阳音乐主题公园</div>
                                <div class="showtime">2023.10.02-10.06</div>
                                <div class="showtime"></div>
                                <div class="price">¥320<span>起</span></div>
                            </div>
                        </a>
                            <%--    右边内容5--%>
                        <a href="#" class="box-right__item">
                                <%--左边图片--%>
                            <div class="itemimg">
                                <img src="#">
                            </div>
                            <div class="iteminfo">
                                    <%--右边介绍--%>
                                <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                                <div class="venue">北京长阳音乐主题公园</div>
                                <div class="showtime">2023.10.02-10.06</div>
                                <div class="showtime"></div>
                                <div class="price">¥320<span>起</span></div>
                            </div>
                        </a>
                            <%--    右边内容6--%>
                        <a href="#" class="box-right__item">
                                <%--左边图片--%>
                            <div class="itemimg">
                                <img src="#">
                            </div>
                            <div class="iteminfo">
                                    <%--右边介绍--%>
                                <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                                <div class="venue">北京长阳音乐主题公园</div>
                                <div class="showtime">2023.10.02-10.06</div>
                                <div class="showtime"></div>
                                <div class="price">¥320<span>起</span></div>
                            </div>
                        </a>
                            <%--    右边内容7--%>
                        <a href="#" class="box-right__item">
                                <%--左边图片--%>
                            <div class="itemimg">
                                <img src="#">
                            </div>
                            <div class="iteminfo">
                                    <%--右边介绍--%>
                                <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                                <div class="venue">北京长阳音乐主题公园</div>
                                <div class="showtime">2023.10.02-10.06</div>
                                <div class="showtime"></div>
                                <div class="price">¥320<span>起</span></div>
                            </div>
                        </a>
                            <%--    右边内容8--%>
                        <a href="#" class="box-right__item">
                                <%--左边图片--%>
                            <div class="itemimg">
                                <img src="#">
                            </div>
                            <div class="iteminfo">
                                    <%--右边介绍--%>
                                <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                                <div class="venue">北京长阳音乐主题公园</div>
                                <div class="showtime">2023.10.02-10.06</div>
                                <div class="showtime"></div>
                                <div class="price">¥320<span>起</span></div>
                            </div>
                        </a>
                    </div>
                </div>
            </c:otherwise>
        </c:choose>
    </div>
    <div class="dm-content dm-content-1" style="display: block;">
        <%--        大标题--%>
        <div class="head">
            <span class="head-title">
                演唱会
            </span>
            <a href="#">
                <span class="head-more">查看全部</span>
            </a>
        </div>
        <div class="box">
            <%--下面内容--%>
            <a class="box-left">
                <%--左边内容--%>
                <img src="#" class="box-left__bg">
                <div class="box-left__info">
                    <div class="title">告五人第二次新世界【宇宙的有趣】北京演唱会 </div>
                    <div class="details">
                        ¥380<span>起</span>
                    </div>
                </div>
            </a>
            <div class="box-right">
                <%--    右边内容1--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容2--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容3--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容4--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容5--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容6--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容7--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容8--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="dm-content dm-content-1" style="display: block;">
        <%--        大标题--%>
        <div class="head">
            <span class="head-title">
                演唱会
            </span>
            <a href="#">
                <span class="head-more">查看全部</span>
            </a>
        </div>
        <div class="box">
            <%--下面内容--%>
            <a class="box-left">
                <%--左边内容--%>
                <img src="#" class="box-left__bg">
                <div class="box-left__info">
                    <div class="title">告五人第一次新世界【宇宙的有趣】北京演唱会 </div>
                    <div class="details">
                        ¥380<span>起</span>
                    </div>
                </div>
            </a>
            <div class="box-right">
                <%--    右边内容1--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容2--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容3--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容4--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容5--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容6--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容7--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容8--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="dm-content dm-content-1" style="display: block;">
        <%--        大标题--%>
        <div class="head">
            <span class="head-title">
                演唱会
            </span>
            <a href="#">
                <span class="head-more">查看全部</span>
            </a>
        </div>
        <div class="box">
            <%--下面内容--%>
            <a class="box-left">
                <%--左边内容--%>
                <img src="#" class="box-left__bg">
                <div class="box-left__info">
                    <div class="title">告五人第一次新世界【宇宙的有趣】北京演唱会 </div>
                    <div class="details">
                        ¥380<span>起</span>
                    </div>
                </div>
            </a>
            <div class="box-right">
                <%--    右边内容1--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容2--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容3--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容4--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容5--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容6--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容7--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容8--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="dm-content dm-content-1" style="display: block;">
        <%--        大标题--%>
        <div class="head">
            <span class="head-title">
                演唱会
            </span>
            <a href="#">
                <span class="head-more">查看全部</span>
            </a>
        </div>
        <div class="box">
            <%--下面内容--%>
            <a class="box-left">
                <%--左边内容--%>
                <img src="#" class="box-left__bg">
                <div class="box-left__info">
                    <div class="title">告五人第一次新世界【宇宙的有趣】北京演唱会 </div>
                    <div class="details">
                        ¥380<span>起</span>
                    </div>
                </div>
            </a>
            <div class="box-right">
                <%--    右边内容1--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容2--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容3--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容4--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容5--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容6--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容7--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容8--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="dm-content dm-content-1" style="display: block;">
        <%--        大标题--%>
        <div class="head">
            <span class="head-title">
                演唱会
            </span>
            <a href="#">
                <span class="head-more">查看全部</span>
            </a>
        </div>
        <div class="box">
            <%--下面内容--%>
            <a class="box-left">
                <%--左边内容--%>
                <img src="#" class="box-left__bg">
                <div class="box-left__info">
                    <div class="title">告五人第一次新世界【宇宙的有趣】北京演唱会 </div>
                    <div class="details">
                        ¥380<span>起</span>
                    </div>
                </div>
            </a>
            <div class="box-right">
                <%--    右边内容1--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容2--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容3--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容4--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容5--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容6--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容7--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容8--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="dm-content dm-content-1" style="display: block;">
        <%--        大标题--%>
        <div class="head">
            <span class="head-title">
                演唱会
            </span>
            <a href="#">
                <span class="head-more">查看全部</span>
            </a>
        </div>
        <div class="box">
            <%--下面内容--%>
            <a class="box-left">
                <%--左边内容--%>
                <img src="#" class="box-left__bg">
                <div class="box-left__info">
                    <div class="title">告五人第一次新世界【宇宙的有趣】北京演唱会 </div>
                    <div class="details">
                        ¥380<span>起</span>
                    </div>
                </div>
            </a>
            <div class="box-right">
                <%--    右边内容1--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容2--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容3--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容4--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容5--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容6--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容7--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容8--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="dm-content dm-content-1" style="display: block;">
        <%--        大标题--%>
        <div class="head">
            <span class="head-title">
                演唱会
            </span>
            <a href="#">
                <span class="head-more">查看全部</span>
            </a>
        </div>
        <div class="box">
            <%--下面内容--%>
            <a class="box-left">
                <%--左边内容--%>
                <img src="#" class="box-left__bg">
                <div class="box-left__info">
                    <div class="title">告五人第一次新世界【宇宙的有趣】北京演唱会 </div>
                    <div class="details">
                        ¥380<span>起</span>
                    </div>
                </div>
            </a>
            <div class="box-right">
                <%--    右边内容1--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容2--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容3--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容4--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容5--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容6--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容7--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
                <%--    右边内容8--%>
                <a href="#" class="box-right__item">
                    <%--左边图片--%>
                    <div class="itemimg">
                        <img src="#">
                    </div>
                    <div class="iteminfo">
                        <%--右边介绍--%>
                        <div class="title" title="拾光聚会长阳PANDA FRIENDS音乐节">拾光聚会长阳PANDA FRIENDS音乐节</div>
                        <div class="venue">北京长阳音乐主题公园</div>
                        <div class="showtime">2023.10.02-10.06</div>
                        <div class="showtime"></div>
                        <div class="price">¥320<span>起</span></div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<jsp:include page="footer.jsp"></jsp:include>
<%--侧边--%>
<div class="sidebar">
    <%--<div class="item">
        <a>
            <div class="icon damai"></div>
            <p>APP下载</p>
            <div class="qrcode"></div>
        </a>
    </div>--%>
    <div class="item J_GoTop">
        <div class="icon gotop"></div>
        <p>回到顶部</p>
    </div>
</div>
<script>

    /* function recommend(a) {
         let className=$(a).attr("class");
         alert(className);
         $(".type-recommend").attr("class","type-recommend");
         $(a).attr("class","type-recommend select");
     }*/
</script>
</body>
</html>
